<%@ Page language="vb" Inherits="_2bMatesSite.upload_group_photo" CodeFile="upload_group_photo.aspx.vb" CodeFileBaseClass="_2bMatesSite.BaseWebPage" %>
<form id="uploadImageForm" action="" method="post" runat="server">
	<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" height="100%">
		<tr>
			<td colspan="3">
				<table cellspacing="0" cellpadding="0" width="100%" border="0" class="page_title" id="Table1">
					<tr>
						<td><asp:literal id="litUploadNew" runat="server">Upload New Photos</asp:literal></td>
						<td align="right"><asp:hyperlink id="hlBackToGroup" runat="server" cssclass="white_link"></asp:hyperlink></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td valign="top" height="100%" class="main_table_border">
				<div class="content">	
					<table cellSpacing="0" cellPadding="0" width="100%" border="0" class="main_text">
						<tr>
							<td align="left" valign=top>
								<asp:literal id="litShare" runat="server">
								<br><b>Share your photos with people in your 2Bmates Network. 
								Let them recognize you and know who you are!</b>
								</asp:literal>
							</td>
						</tr>
						<tr>
							<td align="center" height="20"><IMG class="spacer_line" height="1" src="images/spacer.gif" width="100%%"></td>
						</tr>
						<tr>
							<td>
								<asp:literal id="litFormat" runat="server">
								Acceptable format: JPG, GIF, or PNG with Maximum size of 500K. 
								<br>Please respect our <A href="photo_policy.aspx">photo policy</A> 
								and do not upload photos containing nudity,<br> violent or offensive material, or 
								copyrighted images.
								</asp:literal>
							</td>
						</tr>
						<tr>
							<td id="error" valign="top" align="left"><asp:validationsummary id="ValidationSummary1" runat="server" forecolor="#F04C03" displaymode="List"
								width="248px" cssclass="val_summary" height="32px"></asp:validationsummary></td>
						</tr>
						<tr>
							<td><INPUT class="mail_field" id="fldFileUpload" style="WIDTH: 273px; HEIGHT: 18px" type="file"
								size="30" runat="server" NAME="fldFileUpload">
								<asp:button id="btnUpload" runat="server" CssClass="btn" Text="Upload" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnUpload_Click"></asp:button>
								<asp:customvalidator id="valFileFormat" runat="server" ErrorMessage="Please choose a file in the correct format"
									Display="None" ControlToValidate="fldFileUpload" OnServerValidate="validateFile"></asp:customvalidator>
								<asp:requiredfieldvalidator id="rvFldFileUpload" runat="server" ErrorMessage="Please browse an image" Display="None"
									ControlToValidate="fldFileUpload"></asp:requiredfieldvalidator>
							</td>
						</tr>
						<tr>
							<td>
								<asp:button id="btnSkip" runat="server" Width="100px" CssClass="btn" Text="Skip for now" CausesValidation="False"
								Visible="False" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnSkip_Click"></asp:button></td>
						</tr>
					</table>
				</div>
			</td>
			<!-- BEGIN SKYSCRAPER ADVERTISEMENT -->	
			<!--
			<td class="small" width="10">&nbsp;</td>
			<td class="border_adv" vAlign="top" width="203" height="100%">
				<table cellSpacing="1" cellPadding="0" width="100%" border="0">
					<tr>
						<td class="small" width="10">&nbsp;</td>
						<td class="advertisement" width="193"><asp:Literal id="litSkyscraperAdvertisement" runat=server></asp:literal></td>
					</tr>
				</table>
			</td>-->
			<!-- END SKYSCRAPER ADVERTISEMENT -->	
		</tr>
		<tr>
			<td colSpan="3"><asp:Literal id="litSpacer" runat="server"></asp:Literal></td>
		</tr>
		<tr>
			<td colSpan="3" height="100%">
				<asp:table id="tblPhotos" runat="server" Width="100%" CellPadding="0" CellSpacing="0" height="100%">				
					<asp:tablerow>
						<asp:tablecell cssclass="page_secondary_title">
								<asp:literal id="litUploaded" runat="server">Uploaded Photos</asp:literal>
						</asp:tablecell>
					</asp:tablerow>
					<asp:TableRow>
						<asp:TableCell cssclass="main_table_border" height="100%">
							<div class="content">
								<asp:Label runat="server" ID="lblNoImage" cssclass="main_text"><br>Currently there are no uploaded photos.</asp:Label>
								<asp:DataList runat="server" Width="100%" ShowFooter="False" BorderWidth="0px" ShowHeader="False"
									HorizontalAlign="Left" RepeatColumns="3" CssClass="data_list" RepeatDirection="Horizontal"
									ID="dlPictures" CellPadding="0">
									<itemstyle horizontalalign="Left" width="33%" verticalalign="Top"></itemstyle>
									<ItemTemplate>
										<TABLE cellSpacing="0" cellPadding="0" border="0" class="main_text">
											<TR>
												<TD class="col_image" vAlign="top" width="73" rowSpan="6">
													<asp:hyperlink id=imgPhoto runat="server" CssClass="small_image" isDefault='<%# DataBinder.Eval(Container.DataItem, "isDefault") %>' ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageURL") %>' NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "ViewLargerURL") %>' ToolTip='<%# DataBinder.Eval(Container.DataItem, "FullName") %>' CausesValidation="False">
													</asp:hyperlink></TD>
											</TR>
											<TR>
												<TD height="25" valign=top style="padding-top:3px">
													<asp:button id=btnSetDefault runat="server" CssClass="btn" Width="78px" Text="Set Default" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ImageID") %>' CommandName="SetDefault" CausesValidation="False" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);">
													</asp:button>
													<asp:Label id="lblDefaultImage" runat="server"><b>Default Image</b></asp:Label></TD>
											</TR>
											<TR>
												<TD height="25" valign=top>
													<asp:LinkButton id=lbViewLargerPhoto runat="server" CssClass="main_text_bold" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ImageID") %>' CommandName="ViewLargerPhotoLink" CausesValidation="False">View larger photo</asp:LinkButton></TD>
											<TR>
												<TD height="25" valign=top>
													<asp:LinkButton id=lbRemove runat="server" CssClass="main_text_bold" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ImageID") %>' CommandName="Remove" CausesValidation="False">Remove from album</asp:LinkButton></TD>
											</TR>
											<TR>
												<TD height="25" valign=top>
													<asp:LinkButton id=lbAddDescription runat="server" CssClass="main_text_bold" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ImageID") %>' CommandName="AddDescription" CausesValidation="False"><%# DataBinder.Eval(Container.DataItem, "AddEditDescriptionText") %> Description</asp:LinkButton></TD>
											</TR>
											<TR>
												<TD height="25" valign=top>
													<asp:LinkButton id=lbViewComments runat="server" CssClass="main_text_bold" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ImageID") %>' CommandName="ViewComments" CausesValidation="False"><%# DataBinder.Eval(Container.DataItem, "Comments") %></asp:LinkButton></TD>
											</TR>
											<TR>
												<TD colspan="2" align="left" style="padding-left: 15px;">
													<asp:Label id="lblDescription" runat="server">
													<%# DataBinder.Eval(Container.DataItem, "Description") %>
													</asp:Label><BR />
													<BR />
												</TD>
											</TR>
										</TABLE>
									</ItemTemplate>
								</asp:DataList>
							</div>
						</asp:TableCell>
					</asp:TableRow>
				</asp:table>
			</td>
		</tr>
	</table>
</form>
